<html>
	<head>
		<title>Returning Data from CF page</title>
		<cfoutput>
		<script type='text/javascript' src='../core/js/prototype.js?jsVersion=#request.jsVersion#'></script>
		<script type='text/javascript' src='../core/js/mxAjax.js?jsVersion=#request.jsVersion#'></script>
		<script type='text/javascript' src='../core/js/mxData.js?jsVersion=#request.jsVersion#'></script>
		</cfoutput>
		<script language="javascript">
			var url = "<cfoutput>#ajaxUrl#</cfoutput>";
			
			function init() {
				new mxAjax.Data({
					executeOnLoad:true,
					paramArgs: new mxAjax.Param(url,{param:"id=1", cffunction:"getContent"}),
					postFunction: handleData
				});
				
				function handleData(response) {
					alert(response);
				}
			}
			
			addOnLoadEvent(function() {init();});
		</script>
		<link rel="stylesheet" type="text/css" href="/mxajax/css/style.css"/>
	</head>
	<body>
		<cfinclude template="..\includes\nav.cfm">
		<cfinclude template="..\includes\top.cfm">
		<h1>Returning Data from CF page</h1>
		<cfinclude template="..\includes\example.cfm">
		<cfinclude template="..\includes\right.cfm">
	</body>
</html>